<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="div1" id="div1">我是div1</div>
		<div class="div1">我是div2</div>
		<div class="div2">我是div3</div>
		<p>我是p</p>
		<script>
			/* 通过选择器 获取标签 
			querySelector() 获取符合条件的第一个标签
			querySelectorAll() 获取所有符合条件的标签--- 组的形式提供数据--- 使用索引号获取指定标签
			
			*/
			
			// var div = document.getElementsByTagName("div")[0]
			// var d1 = document.getElementsByClassName("div1")[0]
			// var d3 = document.getElementById("div1")
			
			/* 使用选择器获取标签   这里直接获取第一个标签*/
			var a = document.querySelector(".div1") // 获取第一个类名是div1
			var a2 = document.querySelector("p") // 获取第一个类名是div1
			
			// 这里获取的是 集合 
			var a3 = document.querySelectorAll(".div1")[0] //获取类名为div的第一个标签
		</script>
	</body>
</html>
